//文档加载事件
$(function (){
    // 图书栏右侧排行榜
    $('.bookrank li').mouseover(function(){
        $(this).find('.detail').css('display', 'block');
        $(this).find('.short').css('display', 'none');
        $(this).siblings().find('.detail').css('display', 'none');
        $(this).siblings().find('.short').css('display', 'block');
    });

    tabsToggle('#book .bookbox .tabs p');
    tabsToggle('#cloth .clothbox .tabs p');
    tabsToggle('#sports .sportsbox .tabs p');
    tabsToggle('#babycloth .babyclothbox .tabs p');
    tabsToggle('#extend .extendbox li');
    // 标签栏切换
    function tabsToggle(obj) {
        $(obj).mouseover(function(){
            $(this).addClass('active').siblings().removeClass('active');
        });
    }

    // 左侧快速导航
    $('#fastnav li').hover(function(){
        $(this).css('background-color', $(this).attr('bgc'));
        $(this).css('background-position-x', -40);
        $(this).css('width', 40);
    },function(){
        $(this).css('background-color', '');
        $(this).css('background-position-x', 0);
        $(this).css('width', 0);
    }).click(function(){
        // $(window).scrollTop($('.floor').eq($(this).index()).offset().top);
        let destTop = $('.floor').eq($(this).index()).offset().top;
        $('html, body').animate({scrollTop: destTop}, 300);
    });

    // 顶部搜索栏
    $(window).scroll(function(){
        let st = $('html, body').scrollTop();
        if (st > 500) {
            // 搜索栏的显示
            $('#topsearch').stop().slideDown();
            // 复用搜索框
            $('#header .searchbox form').appendTo('#topsearch .searchcontainer');
        } else {
            // 搜索栏的隐藏
            $('#topsearch').stop().slideUp();
            $('#topsearch .searchcontainer form').appendTo('#header .searchbox');
        }
    });

    // 悬浮侧边框的hover事件
    $('#floatBox img.center').hover(function(){
        $(this).siblings('.QRCode').stop().animate({ right: 31 }, 200);
    },function(){
        $(this).siblings('.QRCode').stop().animate({ right: -61 }, 200);
    });

    
    // 返回顶部按钮
    $('#gototop').click(function() {
        $('html, body').animate({scrollTop: 0}, 300);
    });
});

